<!--收藏版面入口-->
<script setup>

import {getForumRoute} from "@/assets/js/routerUtils";
import ForumLink from "@/components/common/link/ForumLink.vue";
import ForumAvatar from "@/components/forum/ForumAvatar.vue";
import {ref, toRefs} from "vue";

// props解包
const props = defineProps({forum: Object})
const {forum} = toRefs(props);
const {forumId, icon, id, name, type, colTid} = toRefs(forum.value)

// 目标路由
const targetRoute = ref(getForumRoute(type.value === '合集', forumId, colTid))

</script>

<template>
  <forum-link :col-tid="colTid" :forum-id="forumId" style="vertical-align: top">
    <div style="width: 90px;text-align: center;display:inline-block;cursor: pointer;">

      <forum-avatar :url="forum.iconBig"/>
      <br>
      {{ name }}
    </div>
  </forum-link>
</template>

<style scoped>
a {
  text-decoration: none;
}

.router-link-active {
  text-decoration: none;

}
</style>